/*#colorful-nav {
    padding-bottom: 0px;
    border: 1px transparent;
}
#colorful-nav .navbar {
    margin-bottom: 0px;
}
#colorful-nav {
    background-color: transparent;
}
#colorful-nav .navbar-nav {
    border-radius: 10px;
    float: none;
    height: 100px;
    overflow: visible;
}
#colorful-nav .navbar-collapse {
    border-top: 0;
    overflow: visible;
    padding: 10px;
}
#colorful-nav ul {
    width: 100%;
    overflow: visible;
}
#colorful-nav ul.dropdown-menu {
    width: auto;
}
#colorful-nav ul > li {
    float: left;
    text-align: center;
    width: 14.2%;
    padding-top: 13px;
    padding-bottom: 13px;
    transition: 0.2s padding-top;
    overflow: visible;
}
#colorful-nav ul > li:hover {
    padding-top: 50px;
}
#colorful-nav .navbar-nav > a {
    padding-top: 25px;
    color: white;
    font-size: 12px;
    text-transform: capitalize;
}
#colorful-nav ul > a:hover,
#colorful-nav ul > a:focus {
    background-color: transparent;
    text-decoration: none;
}
#colorful-nav .fas {
    font-size: 30px;
    margin-bottom: 10px;
    padding-top: 20px;
    color: white;
}
#colorful-nav .icon-bar {
    background-color: black;
}
#colorful-nav .navbar-toggle {
    float: left;
    border-color: black;
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 20px;
}
#colorful-nav .navbar-brand {
    height: 100px;
}
#colorful-nav .nav-item a {
    padding-top: 10px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
}
#colorful-nav .dropdown-submenu {
    width: 100%;
}
#colorful-nav li:nth-child(7n + 1) {
    background-color: #f87912;
}
#colorful-nav .home:before {
    content: "\f015";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .livestock:before {
    content: "\f6f0";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .product:before {
    content: "\f49e";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .residential:before {
    content: "\f494";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .rural:before {
    content: "\f03e";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .contact:before {
    content: "\f2bb";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .category:before {
    content: "\f0ca";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .information:before {
    content: "\f129";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .gallery:before {
    content: "\f083";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav .blog:before {
    content: "\f005";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
}
#colorful-nav li a {
    background-color: inherit;
    padding-bottom: 20px;
}
#colorful-nav .dropdown-menu {
    padding: 0;
    position: sticky;
    margin-top: -3px;
}
#colorful-nav li:nth-child(7n + 2) {
    background-color: #ffcc00;
}
#colorful-nav li:nth-child(7n + 3) {
    background-color: #aadd00;
}
#colorful-nav li:nth-child(7n + 4) {
    background-color: #00cccc;
}
#colorful-nav li:nth-child(7n + 5) {
    background-color: #666699;
}
#colorful-nav li:nth-child(7n + 6) {
    background-color: #ff3333;
}
#colorful-nav li:nth-child(7n + 7) {
    background-color: #2253e2;
}
@media screen and (max-width: 800px) {
    #colorful-nav ul > li {
        text-align: center;
        width: 100%;
    }
    #colorful-nav ul > li:hover {
        padding-top: 0px;
    }
}
*/

.img-thumbnail {padding: .25rem; border: none 0; max-width: 100%; height: auto}
.rounded-circle {border-radius:  unset !important}

.img-thumbnail {background-color: none:}